@theme_bgcolor: #141111;
@font_color: #ffffff;
@border_color:#fff4cb;

/*history ball color*/
@hbColor1: #727272;
@hbColor2: #1ea20c;
@hbColor3: #ec4a4a;
* {
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  background-color: #141111;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  letter-spacing: 4px;
  /*文字居中*/
  /*display: flex;*/
  justify-content: center;
  align-items: center;
}

a {
  color: @font_color;
  text-decoration: none;
}

h3, h4, span {
  color: #f3d398
}

.fl{
  float:left;
}

@media screen and (orientation: portrait) {
  /*竖屏样式*/
  body {
    transform-origin: 0 0;
    transform: rotateZ(90deg) translateY(-100%);
  }
}

.rball {
  display: block;
  background-color: @hbColor1;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
}

.rball_color2 {
  background-color: @hbColor2;
}

.rball_color3 {
  background-color: @hbColor3;
}

@bet_default: #5f3737;
@bet_selected: #aa4b4b;

.option666 {
  background: url("../images/666.png") no-repeat center center;

}

.option555 {
  background: url("../images/555.png") no-repeat center center;

}

.option444 {
  background: url("../images/444.png") no-repeat center center;

}

.option333 {
  background: url("../images/333.png") no-repeat center center;

}

.option222 {
  background: url("../images/222.png") no-repeat center center;

}

.option111 {
  background: url("../images/111.png") no-repeat center center;

}